<template>
	<view>
		<!-- 返回按钮 -->
		<view class="back-button" @click="navigateBackToHome">
			<text>返回首页</text>
		</view>
		<!-- 搜索框 start-->
		<view class="search-select">
			<uni-row class="demo-uni-row">
				<uni-col :span="6">
					<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
				</uni-col>
				<uni-col :span="18">
					<uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入关键词" clearButton="none"
						cancelButton="none" @confirm="search" />
				</uni-col>
			</uni-row>
		</view>
		<!-- 搜索框 start-->
		<!-- 活动模块start -->
		<view class="function-activity">
			<view class="function-activity-box">
				<view class="function-activity-box-img">
					<image class="function-activity-box-img-img" src="/static/function/event.png" mode="">
					</image>
				</view>
				<view class="function-activity-box-text">
					<view class="function-activity-box-text-title">
						中国MBP科研动态展示与分享
					</view>
					<view class="function-activity-box-text-teacher function-activity-box-common">
						主持/主讲人：孙玉静
					</view>
					<view class="function-activity-box-text-time function-activity-box-common">
						活动时间：2025 6.20 - 2025 6.25
					</view>
					<view class="function-activity-box-text-button">
						活动报名
					</view>
				</view>
			</view>
		</view>

		<!-- 活动模块end -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 返回首页功能
			navigateBackToHome() {
				uni.switchTab({
					url: '/pages/home/home'
				})
			}

		}
	}
</script>

<style>
	/* 返回按钮样式 */
	.back-button {
		padding: 15rpx 30rpx;
		background-color: #A16222;
		color: #fff;
		text-align: center;
		border-radius: 25rpx;
		margin: 20rpx auto;
		width: 200rpx;
	}
	/* 输入搜索样式 start*/
	.search-select {
		height: 110rpx;
		background-color: #fff;
	}

	.uni-select {
		min-height: 55px !important;
		border: 0px solid #fff !important;
	}

	/* 输入搜索样式 end*/
	/* 机构活动模块样式 start */
	.function-activity {
		width: 695rpx;
		background-color: #fff;
		margin: 5rpx auto 5rpx;
		overflow: hidden;
		box-sizing: border-box;
	}

	.function-activity-box {
		width: 695rpx;
		height: 800rpx;
		padding: 20rpx;
		border-radius: 35rpx;
		box-sizing: border-box;
		border: 1rpx solid #bbb;
		margin-bottom: 25rpx;
	}

	.function-activity-box-img {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 495rpx;

	}

	.function-activity-box-img-img {
		max-width: 100%;
		max-height: auto;
		border-radius: 35rpx 35rpx 0rpx 0rpx;
	}

	.function-activity-box-text-title {
		padding: 10rpx;
		text-align: center;
		font-size: 35rpx;
		font-weight: 600;
	}

	.function-activity-box-common {
		padding: 20rpx 0rpx 0rpx 30rpx;
		font-size: 30rpx;
		color: #bbb;
	}

	.function-activity-box-text-button {
		font-size: 35rpx;
		color: #fff;
		padding: 15rpx 25rpx;
		border-radius: 35rpx;
		float: right;
		background-color: #4095E5;


	}

	/* 机构活动模块样式 end */
</style>